<template>
  <view class="detail-recommend-card ss-m-x-20 ss-p-t-20">
	<view class="recommend-title ss-flex-col ss-col-center">
		<view class="title">好物推荐</view>
		<view class="line"></view>
	</view>
	<view class="recommend-content ss-m-t-20">
		
	</view>
  </view>
</template>

<script setup>
import sheep from '@/sheep';
const { safeAreaInsets } = sheep.$platform.device;

const props = defineProps({
  content: {
    type: String,
    default: '',
  },
});
</script>

<style lang="scss" scoped>
.detail-recommend-card {
	.recommend-title{
		.title{
			height: 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #202020;
			line-height: 48rpx;
		}
		.line{
			margin-top: 10rpx;
			width: 98rpx;
			height: 8rpx;
			background: #1BBDFD;
			border-radius: 4rpx;
		}
	}

}

:deep() {

}
</style>
